/*Basics*/
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px;
  font-size:14px;
  color:#444;
  font-weight:300;
  padding-top:120px;
}
a {
	transition: all 500ms ease;
	color:#333;
	text-decoration:underline;
}
a:hover {
	color:#999;
	text-decoration:none;
}
.navbar a {
	text-decoration:none;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color: #fff;
}
.footer a {
	text-decoration:none;
}
h1, h2, h3, h4, h5 {
	font-weight:200;
}
.home h1 {
	text-transform:uppercase;
	letter-spacing:1px;
}
.container {
	position:relative;
}
#content {
	z-index:500;
}
.homelink {
	width:100px;
	display:block;
	margin:0;
	position:absolute;
	right:-15px;
	top:20px;
	z-index:9999999;
}
.home .main-homelink {
	height:80px;
}
.home .main-homelink img {
	display:none;
}
@media (min-width: 768px){
	.navbar-right {
		margin-right:60px;
		z-index:100;
		position:relative;	
	}
}
@media (max-width: 768px){
	.homelink {
		margin:0;
		position:absolute;
		right:10px;
		top:20px;
	}
}
.entry-meta {
	display:none;
}
/*Homepage Magic*/
.home {
	padding:0;
	margin:0;
}
.home .page-container {
	width:100%;
}
.carousel-inner{
	background:none !important;
}
.carousel-control.left, .carousel-control.right {
    background-image: none
}
.homepage .carousel {
	margin-left:0px;
	margin-right:0px;
}
.homepage .carousel .carousel-caption h4 {
	display:none;
}
.homepage .carousel .carousel-caption h3 {
	font-size:22px;
	font-weight:700;
	text-transform: uppercase;
}
.homepage .carousel .carousel-caption a {
	color:#fff;
	text-decoration:none;
	font-size:16px;
	text-transform:lowercase;
}
.homepage .carousel .carousel-caption h3 a {
	font-size:28px;
	font-weight:700;
	text-transform: uppercase;
}
.homepage .carousel .carousel-caption a:hover {
	color:#ccc;
	text-decoration:none;
}
.homepage {
	width:100%;
	min-height:100vh;
	z-index:1;
	position:relative;
}
.homepage1 {
	height:100vh;
	background:url(../images/la-background.jpg) no-repeat center bottom;
	background-size:cover;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index:0;
}
.homepage2 {
	margin-top:100vh;
	background:#fff;
	padding:0;
	z-index:200;
    -moz-box-shadow:    inset  0  8px 8px -8px #333, 
                        inset  0 -8px 8px -8px #333;
    -webkit-box-shadow: inset  0  8px 8px -8px #333, 
                        inset  0 -8px 8px -8px #333;
    box-shadow:         inset  0  8px 8px -8px #333, 
                        inset  0 -8px 8px -8px #333;
}
.homepage2 .section-2-top {
	height:100px;
	z-index:500;
}
.homepage3 {
	background:#333;
	padding:20px 0 0 0;
	color:#fff;
	z-index:2;
}
.homepage h1 {
	text-align:center;
}
.homepage .intro {
  position: relative;
  top:45%;
  transform: translateY(-50%);	
  width:440px;
  max-width:80%;
  margin-left:auto;
  margin-right:auto;
}

.homepage .brand {
  width:440px;
  display:block;
  max-width:100%;
  margin:0 0 14px 0;
}
.homepage .splash-nav {
	list-style-type:none;
	display:block;
	max-width:100%;
	float:right;
}
.homepage .splash-nav li {
	display:inline-block;
	padding:0 0 0 0.6em;
}
.homepage .splash-nav li a {
	color:#333;
	font-weight:400;
	text-transform:uppercase;
}
.homepage .splash-nav li a:hover {
	text-decoration:none;
	color:#666;
}
.homepage h3 a {
	color:#fff;
	text-decoration:none;
}
.homepage h3 a:hover {
	color:#666;
}
.down-arrow {
	font-size:50px;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height:100px;
	text-align:center;
	
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
	.down-arrow {
		height:150px;
	}
}
.down-arrow a {
	color:#fff;
	text-decoration:none;
}
.down-arrow a.dark {
	color:#333;
	text-decoration:none;
}
.down-arrow .clear-button {
	background:none;
	color:#000;
	border:1px solid #000;
	text-shadow:none;
	text-transform:uppercase;
}
.down-arrow .clear-button:hover {
	background:rgba(102,102,102,0.5);
	color:#fff;
}
.centerer {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align:center;
	width:100%;
}
.see-more-work {
	color:#333;
	display:inline-block;
	float:right;
	margin:10px;
	text-decoration:none;
}
/*Navbar overrides*/
.home .navbar-static-top {
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	z-index:1;
}
nav {
	padding-right:10px;
}
@media (max-width: 768px) {
	nav {
		padding-right:0px;
	}
}
.navbar-default {
	border:none;
	min-height:100px;
	background-image:none;
	box-shadow:none;
	background-color:rgba(255,255,255,0.9);
}
.home .navbar-default {
	background-color:transparent;
}
@media (max-width: 767px) {
	.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover {
	}
	.home .navbar-collapse .navbar-nav {
		margin-top:-10px;
		padding-top:74px;
		background:rgba(255,255,255,0.9);
	}
	.home .navbar-default .navbar-nav>li>a, .home .navbar-default .navbar-nav>li>a:hover {
		background:none;
	}
}

.navbar-default .navbar-collapse {
	border:none;
}
@media (max-width: 767px) {
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
		-webkit-box-shadow: 0 4px 4px -2px #666;
		-moz-box-shadow: 0 4px 4px -2px #666;
        box-shadow: 0 4px 4px -2px #666;
        margin-top:53px;
	}
	.home .navbar-fixed-bottom .navbar-collapse, .home .navbar-fixed-top .navbar-collapse {
        margin-top:0px;
	}
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#333;
	width:32px;
	height:3px;
	margin:6px;
}
.navbar-default .navbar-toggle {
	border:none;
	border-radius:0;
	position:absolute;
	top:15px;
	left:0px;
	z-index:99999;
}
@media (max-width: 767px) {
	.navbar-collapse .navbar-nav {
		margin-top:10px;
		margin-bottom:0px;
		font-size:16px;
	}
}
.navbar-nav {
	z-index:20;
	min-height:100px;
}
.navbar-default .navbar-nav>li>a {
	color:#999;	
}
.home .navbar-default .navbar-nav>li>a {
	color:#000;	
	font-weight:500;
}
.nav>li>a {
	margin-top:25px;
	transition: all 500ms ease;
	color:#fff;
	text-transform:uppercase;
	font-weight:500;
}
.navbar-default .navbar-nav>li>a:hover {
	color:#333;
}
@media (max-width: 767px) {
	.nav>li>a {
		margin-top:0px;
		padding:15px 10px;
		color:#000;
	}
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color:transparent;
}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar{
	background-color:#666;
}

.navbar-default .navbar-nav>li>a.order-wine {
	border:1px solid #666;
	color:#c30;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color:#333;
	background-image:none;
	box-shadow:none;
	background:none !important;
}
@media (max-width: 768px) {	
	.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a.order-wine {
		border:none;
		border-radius:0;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
		font-weight:500;
	}
}
.site-main {
	padding-bottom:50px;
}
.entry-title {
	font-size:24px;
	text-transform:uppercase;
	font-weight:500;
	display:none;
}	
h1 {
	font-size:24px;
	text-transform:uppercase;
	font-weight:500;
}	
/*Grid Hacks*/
.bottom-pad div {
	padding-bottom:0px;
}
.row.bottom-pad img {
	width:100%;
	height:auto;
}

.blueimp-gallery {
	background:#fff !important;
}
.blueimp-gallery .title {
	display:none !important;
}
.blueimp-gallery .next,
.blueimp-gallery .prev,
.blueimp-gallery .close {
	color:#333 !important;
	text-shadow: 0 0 2px #fff !important;
	font-size:30px !important;
	opacity:1 !important;
}
.carousel-caption {
	cursor:pointer;
	transition: all 500ms ease;
}
.carousel-caption:hover {
	opacity:0.9;
}
.right {
	text-align:right;
	padding:5px 2px 5px 3px;
}
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 66.66%;
  margin-bottom:10px;
}

/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}

.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blueimp-gallery>.indicator>li {
	background:#ccc !important;
}
ol.indicator {
	display:none !important;
}
.carousel-inner .item img {
	width:100% !important;
	height:auto !important;
	margin:auto;
}
.carousel-inner .item p {
	margin:0;
	padding:0;
}
.work-links span {
	display:none;
}
.project-title {
	opacity:0;
	transition: all 500ms ease;
	text-transform:uppercase;
	font-weight:bold;
}
.project-title.on {
	opacity:1;
	text-transform:uppercase;
	font-weight:bold;
}

/* GB added elements - added 2016-09-16*/

.project-page-title {
	opacity:1;
	text-transform:uppercase;
	font-weight:bold;
}

a.more-work-link:link, a.more-work-link:visited, a.more-work-link:active
    {
    text-transform: uppercase;
    text-decoration: none;
    }
a.more-work-link:hover
    {
    text-transform: uppercase;
    text-decoration: none;
    }
.carousel-control span {
	display:none !important;
}
/* bootstrap-touch-carousel v0.8.0, (c) 2014 (ixisio) Andreas Klein */
.touch-carousel{position:relative;overflow:hidden;width:100%;-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.touch-carousel .carousel-control{display:none!important}.touch-carousel .carousel-indicators{bottom:10px}.touch-carousel .carousel-indicators li{width:16px;height:16px;margin:1px 5px}.touch-carousel .carousel-indicators li.active{margin:0 5px;width:18px;height:18px}.touch-carousel .carousel-inner{overflow:hidden;-webkit-transform:translate3d(0%,0,0) scale3d(1,1,1);-moz-transform:translate3d(0%,0,0) scale3d(1,1,1);-ms-transform:translate3d(0%,0,0) scale3d(1,1,1);transform:translate3d(0%,0,0) scale3d(1,1,1);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.touch-carousel .carousel-inner>.item{position:relative;float:left;display:block;-webkit-transition:none;-moz-transition:none;transition:none;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.touch-carousel .carousel-inner>.item *{-webkit-transition:none;-moz-transition:none;transition:none}.touch-carousel .carousel-inner.animate{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}@media screen and (max-width:767px){.carousel-caption{display:none}}
.carousel-indicators {
	display:none;
}